@CHARSET "UTF-8";

body
{
  background-color: #F2F2F2;
  color: #1F8A70;
  font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
}

h1
{
  color: #BEDB39;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 25px;
}

div#main_wrapper
{
  width: 360px;
  margin: 0px auto;
  padding: 10px;
}

  div.box_wrapper
  {
    float: left;
    position: relative;
    margin: 10px;
  }

    a.box1, a.box1:hover, a.box1:visited,
    a.box2, a.box2:hover, a.box2:visited,
    a.box3, a.box3:hover, a.box3:visited,
    a.box4, a.box4:hover, a.box4:visited,
    a.box5, a.box5:hover, a.box5:visited
    {
      height: 50px;
      width: 50px;
      border: 1px solid #666666;
      display: block;
      /*overflow: hidden;*/
      position: relative;
      z-index: 2;
    }
    
    a.box1{ background-color: #FD7400; }
    a.box2{ background-color: #FFE11A; }
    a.box3{ background-color: #BEDB39; }
    a.box4{ background-color: #1F8A70; }
    a.box5{ background-color: #004358; }
  
    div#main_wrapper img.shadow
    {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
    }